const container = $.getDom('.container')
// console.log(container)
let user = 'blacker' // 默认黑子先行

// 对所有棋子点进行遍历，赋予坐标
const children = container.children
let arr = [].slice.call(children)
arr.forEach((item, index, arr) => {
    item.xIndex = (index) % 15 + 1
    item.yIndex = Math.ceil((index + 1) / 15)
    // console.log(item, index, item.xIndex, item.yIndex)
})

// 落子
container.onclick = function (e) {
    // 判断是否有棋子
    if (e.target.className !== 'item') {
        alert('棋盘已有棋子')
        return
    }
    let color
    color = user === 'whiter' ? 'white' : 'black'
    const html = `<div class="${color}"></div>`
    // console.log(e.target)
    e.target.innerHTML = html
    isWin(e)
    // 换另一方
    user = user === 'whiter' ? 'blacker' : 'whiter'
}

// 判读输赢
function isWin(e){
    // console.log(e.target.xIndex)
    // console.log(e.target.yIndex)
    // 横向判断
    // let num = 1
    // while(){
    //     num++
    // }
}